<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/animate.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./font/iconfont.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" media="screen and (max-width:768px)" href="./css/mobile.css" />
</head>

<body>
  @@include('@@webRoot/components/header.tpl')
  <div class="technology_student" style="background-color: #FFF;">
    <div class="student_title">
      <img src="./img/whitetitle.png" alt="">
      <div class="whites">
        <h2>精品课程</h2>
        <div class="des">QUALITY COURSES</div>
      </div>
      <img src="./img/whitetitle.png" alt="">
    </div>
    <div class="boutique">
      <div class="boitem">
        <img class="iimg" src="http://p.cdn-static.cn/61962_164896700126411.jpg?imageView2/2/w/941/q/75" alt="">
        <div class="irock">
          <div class="derimg">
            <img src="http://p.cdn-static.cn/61962_164896713725312.png?imageView2/2/w/254/q/75" alt="">
            <div class="t">扫描二维码开始学习</div>
          </div>
          <div class="titlebox">
            <h3>对话茅总|方太企业文化建设的九问九答</h3>
            <p>根据方太实际案例与亲身感悟</p>
            <p>茅总精彩解答9个高频问题</p>
            <p>有相同疑问的你带来启发</p>
          </div>
        </div>
      </div>
      <div class="boitem">
        <img class="iimg" src="http://p.cdn-static.cn/61962_164896700126411.jpg?imageView2/2/w/941/q/75" alt="">
        <div class="irock">
          <div class="derimg">
            <img src="http://p.cdn-static.cn/61962_164896713725312.png?imageView2/2/w/254/q/75" alt="">
            <div class="t">扫描二维码开始学习</div>
          </div>
          <div class="titlebox">
            <h3>对话茅总|方太企业文化建设的九问九答</h3>
            <p>根据方太实际案例与亲身感悟</p>
            <p>茅总精彩解答9个高频问题</p>
            <p>有相同疑问的你带来启发</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="hlike"></div>
  @@include('@@webRoot/components/footer.tpl')
  @@include('@@webRoot/components/goTop.tpl')
  <script src="./js/jquery-3.5.1.min.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/wow.min.js"></script>
  <script>
    new WOW().init();
    $('.techtab span').eq(0).addClass('on')
    $('.tabcontent').eq(0).show().siblings('.tabcontent').hide()
    $('.techtab span').mouseover(function () {
      var index = $(this).index('.techtab span')
      $('.tabcontent').eq(index).show().siblings('.tabcontent').hide()
      $(this).addClass('on').siblings('span').removeClass('on')
    })
  </script>
</body>

</html>